<template xmlns="http://www.w3.org/1999/html">
  <div class="mine">
    <div class="mine-register">
      <div class="mine-register-div">
        <label>账号：</label>
        <input placeholder="请输入手机号"/>
      </div>
      <div class="mine-register-div">
        <label>密码：</label>
        <input placeholder="请输入密码"/>
      </div>
      <div class="mine-register-btn">
        <button>登录</button>
      </div>
      <div class="mine-register-opr">
        <span>立即注册</span>
        <span>找回密码</span>
      </div>
    </div>
    <bottom></bottom>
  </div>
</template>

<script>
  import bottom  from '../components/bottom.vue';
  export default {
    name: '我的',
    components:{
      'bottom' :　bottom
    },
    methods:{

    },
    data () {
      return {

      }
    }
  }
</script>

<style lang="scss" scoped>
  @import "../commomCss/comomCss";
  .mine{
    .mine-register{
      margin: torem(50px) auto;
      .mine-register-div{
        display: box;              /* OLD - Android 4.4- */
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin: torem(20px);
        input{
          -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-flex: 1;         /* OLD - Firefox 19- */
          -webkit-flex: 1;          /* Chrome */
          -ms-flex: 1;              /* IE 10 */
          flex: 1;
          width: torem(180px);
          height: torem(35px);
          line-height: torem(35px);
          border: 0;
          font-size: torem(18px);
          border-radius: .06rem;
        }
      }
    .mine-register-btn{
      padding: torem(10px);
      button{
        display: inline-block;
        text-align: center;
        height: torem(50px);
        width: 100%;
        line-height: torem(50px);
        border-radius: torem(10px);
        color: #fff;
        border: 0;
        background-color: #06c1ae;
        font-size: torem(18px);
        vertical-align: middle;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-user-select: none;
        }
     }
    .mine-register-opr{
      margin: torem(20px);
      text-align: center;
      span{
        color:#06c1ae;
        font-size: torem(18px);
      }
    }
    }
  }

</style>
